<template>
  <div class="mainContainer">
    <img class="background" src="../assets/login/background.jpg"/>
    <div class="findbackPasswordSecond">
      <div style="margin-left: 10%;margin-top: 50px">
        <h1 class="title" style="margin-left: 20%;">邮件已发送</h1>
        <img class="image" src="../assets/findbackPassword/device-auth-email.gif"/>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "findback-password-second"
}
</script>

<style scoped>
  .mainContainer{
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
  }
  .background{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    filter: blur(1px);
  }
  .findbackPasswordSecond{
    width: 400px;
    height: 300px;
    background: white;
    border-radius: 15px;
    border: 1px solid #AEAEAE;
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    box-shadow: 2px 2px 20px #888;
  }
  .image{
    margin-left: 25%;
    margin-top: 20px;
    width: 40%;
    height: 20%;
  }
</style>
